/*banner*/
#banner { width:100%; height:calc(100% - 112px); }
#banner .swiper-container { width:100%; height:100%; margin-left:auto; margin-right:auto; position:relative; overflow:hidden; z-index:1; }
#banner .swiper-wrapper { -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -o-transform:translate(0,0); -ms-transform:translate3d(0,0,0); transform:translate3d(0,0,0); position:relative; width:100%; height:100%; z-index:1; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-transition-property:-webkit-transform;
-moz-transition-property:-moz-transform; -o-transition-property:-o-transform; -ms-transition-property:-ms-transform; transition-property:transform; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; }
#banner .swiper-slide { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center;
justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; -webkit-flex-shrink:0; -ms-flex:0 0 auto; flex-shrink:0; width:100%; height:100%; position:relative; }
#banner .swiper-pagination { bottom:25px; left:0; width:100%; position:absolute; text-align:center; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s;-webkit-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0); z-index:10; height:18px; }
#banner .swiper-pagination-bullet { display:inline-block; width:18px; height:100%; background:#fff; margin:0 5px; cursor:pointer; border-radius:100%; }
#banner .swiper-pagination-bullet-active,#banner .swiper-pagination-bullet:hover { background:#0471f8; box-shadow:0 0 2px #333; width:32px; border-radius:9px; }
#banner .pagination { position:absolute; left:0; text-align:center; bottom:10px; width:100%; }
#banner .swiper-button-next { position:absolute; left:50%; top:50%; width:80px; height:80px; line-height:80px; font-size:80px; color:#fff; z-index:10; margin:-40px 0 0 -600px; cursor:pointer; }
#banner .swiper-button-prev { position:absolute; right:50%; top:50%; width:80px; height:80px; line-height:80px; font-size:80px; color:#fff; z-index:10; margin:-40px -600px 0 0; cursor:pointer; }
#banner .swiper-button-next:hover,#banner .swiper-button-prev:hover { color:#0471f8; }

#banner .pic { position:absolute; left:0; top:0; height:100%; width:100%; z-index:2; background-position:center !important; background-repeat:no-repeat !important; background-size:cover !important; }
#banner .word { position:absolute; width:1000px; left:50%; top:0; bottom:45px; margin:0 0 0 -509px; z-index:3; display:none; text-shadow:1px 1px 2px #555; }

#banner .swiper-slide-active .word { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; }
#banner .swiper-slide-active .animated { -webkit-animation-duration:0.5s; animation-duration:0.5s; -o-animation-duration:0.5s; -ms-animation-duration:0.5s; -moz-animation-duration:0.5s; -webkit-animation-fill-mode:both; -o-animation-fill-mode:both; -ms-animation-fill-mode:both; -moz-animation-fill-mode:both; -webkit-animation-name:SIU; animation-name:SIU; -o-animation-name:SIU; -ms-animation-name:SIU; -moz-animation-name:SIU; }
#banner h2 { font-size:42px; color:#fff; padding:0 10px; margin:0 0 10px; }
#banner h3 { font-size:34px; color:#fff; padding:0 10px; animation-delay:0.5s; -webkit-animation-delay:0.5s; -o-animation-delay:0.5s; -moz-animation-delay:0.5s; -ms-animation-delay:0.5s; }
@-webkit-keyframes SIU {
0% { opacity:0; -webkit-transform:translateY(100%); transform:translateY(100%); }
100% { -webkit-transform:translateY(0); transform:translateY(0); }
}
@keyframes SIU {
0% { opacity:0; -webkit-transform:translateY(100%); transform:translateY(100%); }
100% { -webkit-transform:translateY(0); transform:translateY(0); }
}